<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>SMS</title>
    <style>
        body {
            width: 300px;
            overflow: auto;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        table {
            margin-top: 20px;
            border: 1px solid black;
        }

        th {
            border: 1px solid black;
        }

        td {
            border: 1px solid black;
        }
    </style>

</head>
<body>
<table style="text-align: center;">
    <thead>
    <tr>
        <th colspan="3">Students Manage System</th>
    </tr>
    </thead>
    <tr>
        <td>name</td>
        <td>gender</td>
        <td>grades</td>
    </tr>
    {% for student in students %}
    <tr>
        {% if id == 1  and student.grades >= 60 %}

        {% elif id == 2 and student.grades < 60 %}

        {% else %}
            <td>{{ student.name }}</td>
            <td>{{ student.gender }}</td>
            <td>{{ student.grades }}</td>
        {% endif %}
    </tr>
    {% endfor %}
    <tr>
        <td><a href="{% url 'task:index' 2 %}">pass</a></td>
        <td></td>
        <td><a href="{% url 'task:index' 1 %}">fail</a></td>
    </tr>
</table>

</body>
</html>
